// 提现状态
<template>
    <div>
        <GoBack></GoBack>
        <div class="txstatusBox">
              <p class="adselfBox">进度详情</p>
              <!-- 信息框 -->
              <div class="txstatusCont">
                  <div class="txInfoBox">
                      <!-- txHead error load -->
                      <div class="txHead" :class="{'error':text_data.status == 2,'load':text_data.status == 0}">
                          <p class="txtips" v-if='text_data.status == 1'>已完成</p>
                          <p class="txtips" v-if='text_data.status == 0'>进行中</p>
                          <p class="txtips" v-if='text_data.status == 2'>交易失败</p>
                          <p class="txNum">￥{{text_data.money}}</p>
                          <p class="txtips">提现金额</p>
                      </div>
                      <div class="txCont">
                          <p>提现时间 <span>{{text_data.create_time}}</span></p>
                          <p>交易单号  <span>{{text_data.trade_sn}}</span></p>
                          <p class="tips">持卡人<span> {{text_data.full_name}}</span></p>
                          <p class="tips">开户行 <span>{{text_data.title}}</span></p>
                          <p>银行卡号<span>{{text_data.card_number}}</span></p>
                          <p>提现金额 <span>{{text_data.money}}元</span></p>
                          <p>提现状态 
                              <span v-if = 'text_data.status == 1'> 已完成</span>
                              <span v-if = 'text_data.status == 0'> 进行中</span>
                              <span v-if = 'text_data.status == 2'> 交易失败</span>
                          </p>
                          <div class="massge" v-if='text_data.status == 2'>
                                <p>原因：{{text_data.remark}}</p>
                                <p>处理方法：提现失败，请稍后再试，如继续失败，请联系客服。</p>
                          </div>
                      </div>
                  </div>
                  <!-- 底部信息框 -->
                <div class="bottomTipsBox">
                  <p><span>温馨提示：</span> 1、提现受理成功后，T+1工作日到账，具体到账时间视结算卡银行而定，超过24小时请联系我们，客服QQ:{{QQNum}}。</p>
                  <p>2、最低提现金额为100元。</p>
                </div>
              </div>
        </div>
    </div>
</template>
<script>
import GoBack from '../goback'
export default {
    components: {
         GoBack
    },
    mounted () {
       this.getServce();
       this.fetchData();
    },
    data () {
        return {
            isState:0,
            QQNum:'',
            text_data:{},
        }
    },
    watch:{
      '$route':'fetchData'
    },
    methods: {
        getServce(){
            this.https('common/getObtainOnlineNumber')
            .then(data => {
                this.QQNum = data.server_qq;
            })
        },
        fetchData(){
             if (this.$route.params.id){
                 let id = this.$route.params.id;
                 let uid = this.$store.state.userInfo.id
                 this.https('user/getObtainCashInfoById',{id:id,uid:uid})
                 .then(data => {
                     this.text_data = data;
                 })
             }
        }
    }

}
</script>
<style lang="less" scoped>
@import url(../../assets/css/usercenter/txstatus.less);
</style>

